<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OSMP 平台</title>
<link rel="stylesheet" href="css/common.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<script type="text/javascript">
 function nav(obj){
	 var menu1 = document.getElementById("menu1")
	 var tagas=menu1.getElementsByTagName("a");
	 for(var i=0;i<tagas.length;i++){	 
		tagas[i].className="";
		 }
	 obj.className="nav_down";
	 
	 }
	 
</script>
<style type="text/css">
<!--
.STYLE1 {color: #0066FF}
-->
</style>
</head>

<body>
<div class="header">
	<div class="header_left"><a href="#">LOGO</a></div>
    <div class="nav">
		<ul id="menu1">
		<li><img src="img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="#"  onclick="nav(this)">首页</a></li>
		<li><img src="img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="host.html"  class="nav_down"   onclick="nav(this)">主机</a></li>
        <li><img src="img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="monitor.html"   onclick="nav(this)">监控</a></li>
        <li><img src="img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="strategy.html"   onclick="nav(this)">策略</a></li>
        <li><img src="img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="group.html"   onclick="nav(this)">GROUP</a></li>
        <li><img src="img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="alert.html"   onclick="nav(this)">报警</a></li>
        <li><img src="img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="report.html"   onclick="nav(this)">报表</a></li>
        <li><img src="img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="wiki.html"   onclick="nav(this)">wiki</a></li>
        <li><img src="img/new/nav_line.gif" width="2" height="31" border="0" /></li>
        <li><a href="flow.html" onclick="nav(this)">流程</a></li>
        </ul>
    </div>
</div>
<div class="wrap">
	<div class="wrap_right tree">
    	<div class="shenqing1">
        <h5 style="float:left;width:88%;"><strong class="h">机房【天津】</strong></h5>
      </div>
        <div class="shenqing10">
            <table width="84%" border="1" cellspacing="0" cellpadding="0" bordercolor="#8CBDE3" style="border-collapse:collapse;">
          <tr>
            <td width="62" class="textalingR">机器</td>
            <td width="88" style="color:#2E74D1;">121</td>
            </tr>
          <tr>
            <td class="textalingR">正常</td>
            <td style="color:#2E74D1;">121</td>
            </tr>
          <tr>
            <td class="textalingR">异常</td>
            <td style="color:#2E74D1;">0</td>
          </tr>
          <tr>
            <td class="textalingR">可用率</td>
            <td style="color:#2E74D1;">100%</td>
          </tr>
          <tr>
            <td class="textalingR">负载率</td>
            <td style="color:#2E74D1;">10%</td>
          </tr>
        </table>
      </div>
      <div class="shenqing1">
        <h5 style="float:left;width:88%;"><strong class="h">监控概要</strong></h5>
      </div>
        <div class="shenqing10">
            <table width="84%" border="1" cellspacing="0" cellpadding="0" bordercolor="#8CBDE3" style="border-collapse:collapse;">
          <tr>
            <td width="62" class="textalingR">监控</td>
            <td width="88" style="color:#2E74D1;">331</td>
            </tr>
          <tr>
            <td class="textalingR">正常</td>
            <td style="color:#2E74D1;">121</td>
            </tr>
          <tr>
            <td class="textalingR">异常</td>
            <td style="color:#2E74D1;">0</td>
          </tr>
        </table>
      </div>
      <div class="shenqing1">
        <h5 style="float:left;width:88%;"><strong class="h">今日报警</strong></h5>
    </div>
        <div class="shenqing10">
            <table width="84%" border="1" cellspacing="0" cellpadding="0" bordercolor="#8CBDE3" style="border-collapse:collapse;">
          <tr>
            <td width="62" class="textalingR">总数</td>
            <td width="88" style="color:#2E74D1;">121</td>
            </tr>
          <tr>
            <td class="textalingR">未处理</td>
            <td style="color:#2E74D1;">121</td>
            </tr>
        </table>
      </div>
  </div>
<div class="wrap_left right">
    	<div class="shenqing1">
        <h5 style="float:left;width:96%;margin-bottom:10px;">机房信息</h5><input type="text" class="word_in"/>
   	    <input type="button" value="搜索" class="btn_search"/>
    </div>
      
      <div class="biaoge">
      <table width="100%"  border="0" cellpadding="0" cellspacing="0" class="table2 iebug">
        <tr>
        <th width="9%">主机</th>
        <th width="8%">所属机房</th>
        <th width="8%">CPU</th>
        <th width="9%">网络</th>
        <th width="9%">负载</th>
        <th width="10%">硬盘</th>
        <th width="9%">内存</th>
        <th width="12%">启动时间</th>
        <th width="12%">状态</th>
        <th width="14%">详情</th>
        </tr> 
       <tr class="g1">
        <td class="td_left">192.168.0.1</td>
        <td class="td_mid">天津</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>2011-10-10</td>
        <td><img src="img/hr.gif" width="16" height="16" alt="" /></td>
        <td><img src="img/save-icon.gif" width="16" height="16" alt="save" /></td>
        </tr> 
        <tr class="g2">
        <td class="td_left">192.168.0.2</td>
        <td class="td_mid">天津</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>2011-10-10</td>
        <td><img src="img/add-icon.gif" width="16" height="16" alt="add" /></td>
        <td><img src="img/save-icon.gif" width="16" height="16" alt="save" /></td>
        </tr> 
    <tr class="g1">
    <td class="td_left">192.168.0.3</td>
    <td class="td_mid">天津</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>2011-10-10</td>
    <td><img src="img/add-icon.gif" width="16" height="16" alt="add" /></td>
    <td><img src="img/save-icon.gif" width="16" height="16" alt="save" /></td>
    </tr> 
    <tr class="g2">
    <td class="td_left">192.168.0.4</td>
    <td class="td_mid">天津</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>2011-10-10</td>
    <td><img src="img/add-icon.gif" width="16" height="16" alt="add" /></td>
    <td><img src="img/save-icon.gif" width="16" height="16" alt="save" /></td>
    </tr>
      <td class="td_left">192.168.0.5</td>
        <td class="td_mid">天津</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>2011-10-10</td>
        <td><img src="img/hr.gif" width="16" height="16" alt="" /></td>
        <td><img src="img/save-icon.gif" width="16" height="16" alt="save" /></td>
        </tr> 
        <tr class="g2">
        <td class="td_left">192.168.0.6</td>
        <td class="td_mid">天津</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>2011-10-10</td>
        <td><img src="img/add-icon.gif" width="16" height="16" alt="add" /></td>
        <td><img src="img/save-icon.gif" width="16" height="16" alt="save" /></td>
        </tr> 
    <tr class="g1">
    <td class="td_left">192.168.0.7</td>
    <td class="td_mid">天津</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>2011-10-10</td>
    <td><img src="img/add-icon.gif" width="16" height="16" alt="add" /></td>
    <td><img src="img/save-icon.gif" width="16" height="16" alt="save" /></td>
    </tr> 
    <tr class="g2">
    <td class="td_left">&nbsp;</td>
    <td class="td_mid">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <td class="td_left">&nbsp;</td>
        <td class="td_mid">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        </tr> 
        <tr class="g2">
        <td class="td_left">&nbsp;</td>
        <td class="td_mid">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        </tr> 
    <tr class="g1">
    <td class="td_left">&nbsp;</td>
    <td class="td_mid">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr> 
    <tr class="g2">
    <td class="td_left">&nbsp;</td>
    <td class="td_mid">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <td class="td_left">&nbsp;</td>
        <td class="td_mid">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        </tr> 
        <tr class="g2">
        <td class="td_left">&nbsp;</td>
        <td class="td_mid">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        </tr> 
    <tr class="g1">
    <td class="td_left">&nbsp;</td>
    <td class="td_mid">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
	</table>
    <div class="page_w">
    <div class="page_font">总共15条记录</div>
     <div class="page_r">
        <ul>
        <li><select name="select" class="frist"><option>第1页</option></select></li>
        <li>每页15条,共1页</li>  
        <li><a href="#" class="page_btn" onMouseDown="this.className='page_btn_d'"><span><ins>末页</ins><img src="img/new/page_ico4.gif" /></span></a></li>
        <li><a href="#" class="page_btn" onMouseDown="this.className='page_btn_d'"><span><ins>下一页</ins><img src="img/new/page_ico3.gif"/></span></a></li>
        <li><a href="#" class="page_btn" onMouseDown="this.className='page_btn_d'"><span><img src="img/new/page_ico2.gif"/><ins>上一页</ins></span></a></li>
        <li><a href="#" class="page_btn" onMouseDown="this.className='page_btn_d'"><span><img src="img/new/page_ico1.gif"/><ins>首页</ins></span></a></li>
        </ul>
      </div>
  </div>
    </div>
      
  </div>
</div>
</body>
</html>
